@charset "UTF-8";
/**
 * Resets
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, fieldset,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

ol, ul, li {
  list-style: none;
}

script {
  display: none !important;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default outlines.
 */
a,
button,
:focus,
a:focus,
button:focus,
a:active,
a:hover {
  outline: 0;
}

/* *
 * Remove tap highlight color
 */
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
a[href]:hover {
  cursor: pointer;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
button,
input,
select,
textarea {
  margin: 0;
  /* 3 */
  font-size: 100%;
  /* 2 */
  font-family: inherit;
  /* 1 */
  outline-offset: 0;
  /* 4 */
  outline-style: none;
  /* 4 */
  outline-width: 0;
  /* 4 */
  -webkit-font-smoothing: inherit;
  /* 5 */
  background-image: none;
  /* 6 */
}

textarea, input[type="password"],
input[type="text"] {
  resize: none;
  outline: 0;
  -webkit-appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 3 */
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

img {
  -webkit-user-drag: none;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/*
//小
$base-font-size-20:toRem(20px);  .24rem


//中
$base-font-size-28:toRem(28px)  .32rem;


//大
$base-font-size-34:toRem(40px); .4rem;

*/
.p-hide {
  display: none !important;
}

.p-show {
  display: block !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.p-visible {
  visibility: visible;
}

.p-hidden {
  visibility: hidden;
}

.p-clear-fix:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.p-text-hide {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-text-center {
  text-align: center;
}

.p-text-right {
  text-align: right;
}

.p-box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.p-tran {
  transition: .3s all;
}

.p-circle {
  display: block;
  overflow: hidden;
  border-radius: 50%;
}

.p-gray {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter: grayscale(100%);
}

.p-img-abs {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  margin: 0;
}

.p-arial {
  font-family: Arial;
}

.p-impact {
  font-family: Impact;
}

/*icon font 图标*/
@font-face {
  font-family: "iconfont";
  src: url("/res/fonts/iconfont/iconfont.eot?t=1460606730");
  /* IE9*/
  src: url("/res/fonts/iconfont/iconfont.eot?t=1460606730#iefix") format("embedded-opentype"), url("/res/fonts/iconfont/iconfont.woff?t=1460606730") format("woff"), url("/res/fonts/iconfont/iconfont.ttf?t=1460606730") format("truetype"), url("/res/fonts/iconfont/iconfont.svg?t=1460606730#iconfont") format("svg");
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: .3rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: "\e602";
}

.icon-QQ:before {
  content: "\e603";
}

.icon-weixin:before {
  content: "\e604";
}

.icon-back:before {
  content: "\e600";
}

.icon-weibo:before {
  content: "\e601";
}

.icon-facebook:before {
  content: "\e609";
}

html {
  font-size: 50px;
  height: auto;
}

body {
  color: #c1c1c1;
  background-color: #000;
  font-size: .32rem;
  font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
  max-width: 1080px;
  margin: 0 auto;
  height: auto;
}

h1, h2, h3 {
  font-size: .375rem;
}

h4, h5, h6 {
  font-size: 0.3rem;
}

a, img {
  -webkit-touch-callout: none;
}

a:link,
a:visited {
  text-decoration: none;
  color: #fff;
}

a:active {
  text-decoration: none;
  color: #15a0fe;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  font-size: 0.32rem;
}

template {
  display: none;
}

/*@import "layout/p-sprite";
.icons{
  background-image: sprite-url($icons);
  background-repeat: no-repeat;
}

.block{
  background-image: sprite-url($block);
  background-repeat: no-repeat;
}*/
.filter {
  position: relative;
  padding: .2rem 0;
  max-width: 1080px;
  color: #84dbff;
}

.filter .l {
  float: left;
  position: relative;
  width: 30%;
}

.filter .r {
  float: right;
  position: relative;
}

.filter h2 {
  line-height: .65rem;
  font-size: .38rem;
  font-weight: normal;
  color: #84dbff;
  position: relative;
}

.filter select {
  display: block;
  border: none;
  border-radius: 2px;
  background-color: #0a1c27;
  color: #fff;
  padding: .1rem .1rem .1rem .1rem;
}

/*select 代替方案 依赖 mobiscroll 组件，不要可以删除*/
.filter .select-container:before,
.filter .select-container:after {
  z-index: 3;
  border: .18rem solid transparent;
  border-top: .18rem solid #000;
  width: 0;
  height: 0;
  position: absolute;
  top: 25%;
  right: 1%;
  content: ' ';
  pointer-events: none;
  color: #999;
}

.filter .select-container:before {
  border-top-color: #84dbff;
  top: 35%;
}

.filter .label-title {
  position: absolute;
  line-height: .51rem;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 .56rem 0 .18rem;
  max-width: 65%;
  border: none;
  background: transparent;
  color: #84dbff;
  text-overflow: '';
  white-space: nowrap;
  cursor: pointer;
  text-align: right;
  z-index: 2;
}

.en .filter h2 {
  font-size: .32rem;
}

.p-tab {
  margin: 0 auto;
  max-width: 1080px;
}

.p-tab-h {
  border-radius: 4px;
  padding: 0.2rem 0.16rem;
}

.p-tab-h li {
  float: left;
  border-left: 1px solid #2f5888;
  border-top: 1px solid #2f5888;
  border-bottom: 1px solid #2f5888;
  box-sizing: border-box;
  height: 0.7rem;
  width: 33%;
  overflow: hidden;
  position: relative;
  color: #6ed4ff;
}

.p-tab-h li:first-child {
  width: 33%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.p-tab-h li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #2f5888;
  width: 34%;
}

.p-tab-h li span {
  line-height: 0.68rem;
  font-size: .3rem;
  white-space: nowrap;
  display: block;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  cursor: pointer;
}

.p-tab-h li span:active {
  background: #2f5888;
}

.p-tab-h li.cur {
  background: #2f5888;
  color: #fff;
}

.load-more {
  margin: .1rem auto;
}

.load-wrap {
  width: 100%;
  margin: 0 auto;
  height: .8rem;
  text-align: center;
  position: relative;
  display: none;
}

.none-data {
  font-size: .28rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: .8rem;
  display: none;
  text-align: center;
}

.load-fail {
  font-size: .28rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: .8rem;
  display: none;
  text-align: center;
}

.loader-text {
  font-size: .22rem;
  color: rgba(255, 255, 255, 0.5);
}

.loader {
  display: inline-block;
}

.dot {
  width: 10px;
  height: 10px;
  background: #3ac;
  border-radius: 100%;
  display: inline-block;
  animation: slide 1s infinite;
}

.dot:nth-child(1) {
  animation-delay: 0.1s;
  background: #32aacc;
}

.dot:nth-child(2) {
  animation-delay: 0.2s;
  background: #64aacc;
}

.dot:nth-child(3) {
  animation-delay: 0.3s;
  background: #96aacc;
}

.dot:nth-child(4) {
  animation-delay: 0.4s;
  background: #c8aacc;
}

.dot:nth-child(5) {
  animation-delay: 0.5s;
  background: #faaacc;
}

@-moz-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
/*基础样式*/
.data-li-table {
  width: 100%;
  position: relative;
  display: table;
  margin: 0 auto;
  border-collapse: collapse;
}

/*行*/
.data-li-table li {
  display: table-row;
}

.data-li-table li:active {
  background-color: #0f2436;
}

/*列*/
.data-li-table .col {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 0 0 0.05rem;
  margin: 0;
}

/*标题行*/
.data-li-table .title-row {
  position: relative;
  z-index: 2;
  min-height: .6rem;
  line-height: .6rem;
}

/*图片*/
.data-li-table .col img {
  margin-right: .1rem;
}

.data-b .col {
  border: 1px solid #182a3f;
}

.data-b-bottom .col {
  border-bottom: 1px solid #182a3f;
}

.data-bg li:nth-child(2n-1) .col {
  background: #121d2c;
}

.data-bg li.title-row .col {
  background: none;
}

.color-light-green {
  color: #00ff00 !important;
}

.color-dark-green {
  color: #00B600 !important;
}

.color-dark-red {
  color: #CA0000 !important;
}

.color-dark-yellow {
  color: #BBB200 !important;
}

.color-dark-Blue {
  color: #6ee5ff !important;
}

.color-location-NA {
  background-color: #17a9e1 !important;
}

.color-location-EU {
  background-color: #9808fb !important;
}

.color-location-CN {
  background-color: #d70404 !important;
}

.color-location-KR {
  background-color: #169702 !important;
}

.color-location-TW {
  background-color: #847E0C !important;
}

.color-location-Global {
  background-color: #1430db !important;
}

.p-white {
  color: white;
}

.p-white-dark {
  color: rgba(255, 255, 255, 0.3);
}

.p-blue-light {
  color: rgba(110, 212, 255, 0.5);
}

.p-blue {
  color: #6ed4ff;
}

.p-green {
  color: #449d0f;
}

.p-red {
  color: #fe2d2d;
}

.p-yellow {
  color: #e8e452;
}

.en .p-red {
  color: #449d0f;
}

.en .p-green {
  color: #fe2d2d;
}

/*分享小组件*/
.p-share {
  text-align: center;
}

.p-share li {
  display: inline-block;
  margin: 0 .2rem;
  line-height: .28rem;
  width: .6rem;
  height: .6rem;
  padding: .1rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

.p-share li:active {
  background-color: #15a0fe;
}

.p-share .iconfont {
  font-size: .5rem;
  line-height: .6rem;
}

.p-share .facebook {
  background-color: #4d6ca2;
}

.p-share .twitter {
  background-color: #4ac3f0;
}

.p-share .qq {
  background-color: #4ac3f0;
}

.p-share .weibo {
  background-color: #d22b2a;
}

/*内页头部*/
.p-back {
  background-color: #1f4770;
  font-size: .3rem;
  height: 1rem;
  line-height: 1rem;
}

.p-back .l {
  float: left;
  width: 20%;
  height: 1rem;
}

.p-back .m {
  width: 60%;
  height: 1rem;
  float: left;
}

.p-back .r {
  width: 20%;
  height: 1rem;
  float: right;
  text-align: right;
}

/* left bar*/
.p-back .back-btn {
  width: auto;
  display: block;
  height: 1rem;
}

.p-back .back-btn .iconfont {
  float: left;
  padding: 0 .2rem;
  font-size: .5rem;
}

.p-back .back-btn img {
  display: block;
  float: left;
  margin-top: .2rem;
  height: .6rem;
}

header {
  color: #ccc;
  background-color: #1A2F4A;
  font-size: .3rem;
  border-bottom: 1px solid #05121c;
  padding: 0 .2rem;
}

header h1 {
  float: left;
  width: 2rem;
  height: .86rem;
}

header h1 a {
  display: block;
  margin-top: .15rem;
}

header h1 img {
  max-width: 2rem;
  max-height: .6rem;
}

header .lang {
  padding: .15rem  .1rem;
  float: right;
}

header .lang .cur {
  color: #15a0fe;
}

/*登录*/
header .login {
  margin-left: .14rem;
  float: left;
  overflow: hidden;
}

header .login img {
  height: .5rem;
  margin-top: .1rem;
}

/*header .user-info a{
  display: block;
  float: left;
}
header .user-info img{
  width: toRem(32px);
  height: toRem(32px);
  vertical-align: -20%;
  margin: 0 toRem(10px);

}
header .user-info .name {
  width: 1.93rem;
  height: .46rem;
  line-height:  .46rem;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;

}*/
nav {
  background-color: #1A2F4A;
  color: #fff;
  padding: 0  .14rem;
  height: .87rem;
  max-width: 1080px;
  box-sizing: border-box;
  font-size: .38rem;
  border-top: 1px solid #1c3e54;
}

nav ul {
  float: right;
  width: 100%;
  height: .86rem;
}

nav li {
  float: left;
  width: 25%;
  line-height: .85rem;
  text-align: center;
}

nav .cur a {
  color: #15a0fe;
}

.area {
  position: relative;
  background-color: #0a1c27;
  background-size: contain;
  padding: 0  .14rem;
  width: 100%;
  max-width: 1080px;
  box-sizing: border-box;
  transition: .3s all;
  font-size: .32rem;
  z-index: 1000;
  box-shadow: 0 0 3px #000;
}

.area ul {
  width: 100%;
  background-color: #0a1c27;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}

.area ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.area li {
  display: inline-block;
  padding: 0 .15rem;
  line-height: .82rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.area li span {
  font-size: .32rem;
}

.area li img {
  float: left;
  max-height: .23rem;
  border-radius: 2px;
  margin-top: .13rem;
  margin-right: .05rem;
  display: none;
}

.area .global-img {
  max-height: .28rem;
  margin-top: .1rem;
}

.area .cur {
  color: #15a0fe;
}

footer {
  background-color: #0d1b31;
  color: rgba(255, 255, 255, 0.5);
  padding: .2rem .2rem;
  text-align: center;
  margin-top: .1rem;
}
